.br-pop-up {
  &__shade {
    position: fixed;
    top:0;
    left:0;
    z-index:10;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=50);
    display:block;
  }
  &__modal {
    position: fixed;
    z-index:11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display:block;
    max-width: 1000px;
    max-height: 800px;
    animation:mymove 1s 1;
    -webkit-animation:mymove 1s 1;
  }
}

@keyframes mymove {
  from {left:-800px;}
  to {left:0px;}
}

@-webkit-keyframes mymove {
  from {left:-800px;}
  to {left:0px;}
}
